<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/jquery.fs.boxer.css">
        <link rel="stylesheet" href="slideshow/css/reset.css">
        <link rel="stylesheet" href="slideshow/css/style.css">
        <link rel="stylesheet" href="slideshow/css/fractionslider.css">
        
        <script src="slideshow/js/jquery-1.9.0.min.js"></script>
        <script src="slideshow/jquery.fractionslider.js"></script>
        <!--script src="slideshow/js/main.js"></script-->
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="js/jquery.fs.boxer.js"></script>
        <script src="slideshow/js/main.js" type="text/javascript" charset="utf-8"></script>
        
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->


        <header>
            <div id="cabecera">
                <div>
                    <p class="" style="top: 80px;">
                        <a href="#desplegable" class="boxer" style="color: #439a9a;" data-boxer-height="525" data-boxer-width="500" title="Caption">
                            PREINSCRIPCION
                        </a>
                        
                    </p>	
                </div>

                <div id="logotipo"><img class="logo" src="img/logo.png" /></div>

                <div id="form">
                    <section>
                        <a href="https://googledrive.com/host/0B2JFCuT9rJ9sUHU5NEljV05mRmc/index.html" class="boxer" style="color: #439a9a;" data-boxer-height="400" data-boxer-width="400">
                        <h3>ACCEDER</h3>
                    </a>
                    </section>
                    <section>
                    <a href="https://googledrive.com/host/0B2JFCuT9rJ9sUHU5NEljV05mRmc/index.html" class="boxer" style="color: #439a9a;" data-boxer-height="400" data-boxer-width="400" >
                        <h3>REGISTRO</h3>
                    </a>
                    </section>

                    <h3></h3>
                    <!--<form id="formLogeo" method="get">

                        <section>
                            <label for="txtemail" />Email:<br />
                            <input type="text" id="txtemail" name="email" value="" size="30" maxlength="100" />
                            <br /><span id="spanEmail" class="spanValidacion"></span>
                        </section>

                        <section>
                            <label for="txtPass" />Contraseña:<br />
                            <input type="text" id="txtPass" name="pass" value="" size="30" maxlength="100" />
                            <br /><span id="spanPass" class="spanValidacion"></span>
                        </section>

                        <section>
                            <br />
                            <input type="button" onclick="Logear" id="btEnviarLogeo" value="Login" name="Login" />
                            <input type="button" onclick="Registrar" id="btEnviarRegistro" value="Registro" name="Registro" />
                        </section>
                    </form>-->

                </div>
            </div>

        </header>

        <article>
            
            <div class="slider-wrapper">
			<div class="responisve-container">
				<div class="slider">
					<div class="fs_loader"></div>
					<div class="slide">
                                            <img 	src="slideshow/images/profesores-particulares.jpg"
								width="340" height="289"			
								data-position="-55,600" data-in="left" data-delay="200" data-out="right">

								
                                            <img    src="slideshow/images/Bienvenida2.png" 
								width="567" height="45"
								data-position="300,325" data-in="left" data-delay="" data-out="left">
						
						<p 		class="claim light-green"			
								data-position="30,220" data-in="top" data-step="1" data-out="top" data-ease-in="easeOutBounce">Fundacion Tomillo</p>
														
						<p 		class="teaser orange" 	
								data-position="90,225" data-in="left" data-step="2" data-delay="500">Cursos 2014</p>		
						<p 		class="teaser green" 	
								data-position="90,225" data-in="left" data-step="2" data-special="cycle" data-delay="3000">Plazos Abierto</p>		
						<p 		class="teaser turky"		
								data-position="90,225" data-in="left" data-step="2" data-special="cycle" data-delay="5500" data-out="none">Realiza tu preinscripcion</p>
                                                
                                            <img    src="slideshow/images/logo.png" 
								width="227" height="145" 		
								data-position="128,100" data-in="bottomRight" data-delay="200">
						
                                            <img 	src="" 
								data-position="20,330" data-in="bottomLeft" data-delay="500" data-out="fade">
					</div>
					<div class="slide">
                                                                    
                                                <img    src="slideshow/images/02_waves.png" 
								width="1134" height="90"
								data-position="300,200" data-in="right" data-step="2" data-easeIn="easeOutCirc">
                                            
                                                <img 	src="slideshow/images/oooo.jpg" 	
                                                                width="283" height="283"
								data-position="5,675" data-in="fade" data-delay="0" data-out="right">
								
						<img 	src="" 	
								data-position="80,220" data-in="fade" data-delay="500" data-out="bottomRight">
						
                                                <img    src="slideshow/images/logo.png" 
								data-position="158,100" data-in="bottomRight" data-delay="200" data-out="bottomRight">
						
						<p 		class="claim light-green small" 			
								data-position="30,230" data-in="top" data-step="1" data-out="top">Cursos 2014</p>
										
						<p 		class="teaser turky small" 	
								data-position="90,230" data-in="bottom" data-step="2" data-delay="500">Curso Java</p>		
						<p 		class="teaser turky small" 	
								data-position="120,230" data-in="bottom" data-step="2" data-delay="1500">Curso Ingles</p>
						<p 		class="teaser turky small" 	
								data-position="150,230" data-in="bottom" data-step="2" data-delay="2500">Curso Cocina</p>	
						<p 		class="teaser turky small" 	
								data-position="180,230" data-in="bottom" data-step="2" data-delay="3500">Curso Alemán</p>
                                                <img 	src="slideshow/images/foto_profesores.jpg" 
								data-position="105,505" data-in="fade" data-delay="500" data-out="bottomRight">
                        
								
					</div>
				</div>
			</div>
		</div>

        </article>

        <article id="wrapper">
            <div id="desplegable" style="display: none;">
            <ul class="menu">
                <li class="item1"><a href="#">Java Basico</a>
                    <ul>
                        <li class="subitem1"><a href="#">Prueba de Java Basico</a></li>
                        <li class="subitem2"><a href="#"><p>PREINSCRIBETE</p></a></li>
                    </ul>
                </li>
            
                <li class="item2"><a href="#">Java avanzado</a>
                    <ul>
                        <li class="subitem1"><a href="#">Prueba de Java Avanzado</a></li>
                        <li class="subitem2"><a href="#"><p>PREINSCRIBETE</p></a></li>
                    </ul>
                </li>
                <li class="item3"><a href="#">MySql Basico</a>
                    <ul>
                        <li class="subitem1"><a href="#">Prueba de MySql Basico</a></li>
                        <li class="subitem2"><a href="#"><p>PREINSCRIBETE</p></a></li>
                    </ul>
                </li>
                <li class="item4"><a href="#">MySql Avanzado</a>
                    <ul>
                        <li class="subitem1"><a href="#">Prueba de MySql Avanzado</a></li>
                        <li class="subitem2"><a href="#"><p>PREINSCRIBETE</p></a></li>
                    </ul>
                </li>
                <li class="item5"><a href="#">Java y MySql</a>
                    <ul>
                        <li class="subitem1"><a href="#">Prueba de Java Completo</a></li>
                        <li class="subitem2"><a href="#"><p>PREINSCRIBETE</p></a></li>
                    </ul>                
                </li>
           </ul>
            </div>
        </article>

        <!--script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <!--script>
                                (function(b, o, i, l, e, r) {
                                    b.GoogleAnalyticsObject = l;
                                    b[l] || (b[l] =
                                            function() {
                                                (b[l].q = b[l].q || []).push(arguments)
                                            });
                                    b[l].l = +new Date;
                                    e = o.createElement(i);
                                    r = o.getElementsByTagName(i)[0];
                                    e.src = '//www.google-analytics.com/analytics.js';
                                    r.parentNode.insertBefore(e, r)
                                }(window, document, 'script', 'ga'));
                                ga('create', 'UA-XXXXX-X');
                                ga('send', 'pageview');
        </script>-->
        
        
    
    <script>
			$(document).ready(function() {
				$(".boxer").not(".retina, .boxer_fixed, .boxer_top, .boxer_format, .object").boxer();
				
				$(".boxer.boxer_fixed").boxer({
					fixed: true
				});
                                
				$(".boxer.boxer_top").boxer({
					top: 50
				});
				
				$(".boxer.retina").boxer({
					retina: false
				});
				
				$(".boxer.boxer_format").boxer({
					formatter: function($target) {
						return '<h3>' + $target.attr("title") + "</h3>";
					}
				});
				
				$(".boxer.object").click(function(e) {
					e.preventDefault();
					e.stopPropagation();
					$.boxer( $('<div class="inline_content"><h2>More Content!</h2><p>This was created by jQuery and loaded into the new Boxer instance.</p></div>') );
				});
				
				$(window).one("pronto.load", function() {
					$(".boxer").boxer("destroy");
				});
				
				$("body").on("click", ".resize_modal", function() {
					$("#boxer").trigger("resize", [500, 500]);
					return false;
				}).on("click", ".close_modal", function() {
					$("#boxer").trigger("close");
					return false;
				});
			});
		</script>
                
    <script type="text/javascript">
        $(function() {

            var menu_ul = $('.menu > li > ul'),
                    menu_a = $('.menu > li > a');

            menu_ul.hide();

            menu_a.click(function(e) {
                e.preventDefault();
                if (!$(this).hasClass('active')) {
                    menu_a.removeClass('active');
                    menu_ul.filter(':visible').slideUp('normal');
                    $(this).addClass('active').next().stop(true, true).slideDown('normal');
                } else {
                    $(this).removeClass('active');
                    $(this).next().stop(true, true).slideUp('normal');
                }
            });

        });
    </script>
    
    </body>

    

</html>
